{extend name="base" /}
{block name="title"}
<title>首页-{$site_config.site_title}</title>
{/block}
{block name="body"}
<style type="text/css">
#bt{border: 0;}
</style>
	<header class="page-header1">
		<a href="javascript:;" onClick="javascript:history.back(-1);"><img src="__STATIC__/img/back02.png" class="back_img" style="float:left;"/></a>
		<h3>充值</h3>
	</header>
	<form method="post" action="{$post_url}">
		<div class="prepaid_details">
			<!-- <div class="prepaid_card">
				<div class="prepaid_card_list01 choose_bank_card">
					<div class="prepaid_card_list01_left">
						<img src="__STATIC__/img/mine_chongzhibao_icon03.png" class="prepaid_card_img"/>
					</div>
					<div class="prepaid_card_list01_center son">中国银行储蓄卡</div>
					<div class="prepaid_card_list01_right">
						<img src="__STATIC__/img/mine_chongzhibao_icon04.png" class="prepaid_card_img_right"/>
					</div>
				</div>
			</div> -->
			
			<div class="prepaid_card">
				<div class="prepaid_card_list01" style="border-bottom:1px solid #d2d2d2;padding:2% 2%;">
					<div class="prepaid_card_amount">充值金额(元）</div>
					<div class="prepaid_card_input">
						<div class="prepaid_card_input_left">￥</div>
						<div class="prepaid_card_input_right01">
							<input type="text" placeholder="建议转入100元以上" class="inp_place" id="user_money" name="money" />
						</div>
					</div>
				</div>
				<div class="prepaid_card_list01" style="padding:3% 2% 0 2% ;">
					<div class="prepaid_card_expect">预计收益到账时间<span class="prepaid_card_expect_date">{$yesterday}</span></div>
				</div>
			</div>
			<div class="prepaid_card_confirm_input">
				<!-- <div id="bt">确认充值</div> -->
				<button type="submit" id="bt">确认充值</button>
			</div>
		</div>
	</form>
	
	<script type="text/javascript">
		$('.choose_bank_card').click(function(){
			$('.pop-panel11').show();
		});
		$('.close1').click(function(){
			$('.pop-panel11').hide();
		});
	</script>
	<script type="text/javascript">
		$(function(){
		    $(".notice_list1").click(function() {
		    	$('.notice_list_right').hide();
		    	$(this).find('.notice_list_right').show();
		    	
		    	var content = $(this).find('.notice_list_center').html();
		    	$('.son').html(content);
		    	
		    	var content = $(this).find('.notice_list_left').html();
		    	$('.prepaid_card_list01_left').html(content);
		    });
		}); 
	</script>
	
	<script type="text/javascript">
    window.onload =function()
    {
        document.getElementById("bt").style.backgroundImage ="url(__STATIC__/img/confirm_01.png)";
         document.getElementById("bt").style.backgroundSize ="100% 100%";
        //鼠标悬停在按钮上时判断。
        document.getElementById("user_money").onkeyup = function()
        {
            if(document.getElementById("user_money").value=="")
            {
                document.getElementById("bt").style.backgroundImage ="url(__STATIC__/img/confirm_01.png)";
                document.getElementById("bt").style.backgroundSize ="100% 100%";
                document.getElementById("bt").innerHTML="确认充值";
            }else
            {
                document.getElementById("bt").style.backgroundImage ="url(__STATIC__/img/confirm_02.png)";
                document.getElementById("bt").style.backgroundSize ="100% 100%";
                document.getElementById("bt").style.color ="#fff";
                document.getElementById("bt").innerHTML="确认充值";
            }
        }
    }
    </script>
{/block}

